<template>
  <router-view />
  <tab-bar v-if="isShowTabbar" />
</template>

<script setup>
import TabBar from "./components/TabBar.vue";
import { watch, ref } from "vue";
import { useRoute } from "vue-router";

const route = useRoute();
const isShowTabbar = ref(true);
watch(
  () => route.meta,
  (val) => {
    isShowTabbar.value = val.isTab;
  }
);
</script>
<style scoped>
#app {
  color: #2c3e50;
  line-height: 24px;
}
</style>
